<template>
  <main class="container">
    <div class="nav"><NavBar /></div>
    <div class="container"><HistoryGallery /></div>
  </main>
</template>

<script setup>
import NavBar from "@/components/NavBar.vue";
import HistoryGallery from "../components/HistoryGallery.vue";

</script>

<style scoped>
.container {
  margin-top: 4vh;
  height: 90vh;
  width:100vw;

  justify-content: center;
  align-items: center;

}
</style>